<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml" xmlns:shiro="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<!--<link rel="stylesheet" href="../../css/examination.css">-->
<link rel="stylesheet" href="../../css/examination.css">

<style>
	#oneLevelUpdateCom,#oneLevelUpdateCom1,#oneLevelUpdateCom2{
		display: none;
	}

	.blow{
		width: 28%;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		z-index: 100;
		display: none;
	}

	.blow img{
		width:100%;
	}

	.description{
		font-size: 14px;
		color: #666;
		line-height: 25px;
	}

	.iconclose img{
		width: 100%;
	}

	.contactBox{
		display: table;
		margin-bottom: 10px;
		padding-left: 20px;
		width: 100%;
	}
	.demoMore{
		width: 200px;
		height: 135px;
		border: 1px solid #CFDDE6;
		border-radius: 4px;
		cursor: pointer;
		float: left;
	}

	.liveText{
		margin: 28px auto 0;
		text-align: center;
	}

	.picture,.video{
		width: calc(100% - 216px);
		height: 135px;
		margin-left: 16px;
		float: left;
		display: table;
	}
	.closeBtn{height: 135px;margin-right: 10px;margin-bottom: 10px;float: left}
	.liveText img{
		width: 50px;
		display: inline-block;
	}

	.liveText p{
		margin-top: 16px;
		font-size: 14px;
		color: #AEB4C5;
		text-align: center;
	}
	.picture img{object-fit: scale-down}
	.picture img,.video video{height: 100% !important;}
	.col-sm-12{
		background-color: #F3F6FB !important;
		box-shadow:none !important;
	}
	.exam-name{
		background-color: #E2F4FF !important;
		margin-bottom: 0;
		padding: 6px 24px !important;
		font-size: 18px;
		color: #040404;
		font-weight: bold;
		margin-bottom: 16px;
		box-shadow: 0px 3px 6px 1px rgba(181,197,223,0.1);
	}
	@media (min-width: 768px){
		.pop-dafen {
			width: 38% !important;
		}
	}
	.pop-dafen{
		border-radius: 4px;
	}
	.form-title{
		border-bottom: 1px solid #DFEAF1;
	}
	.listBox li {
		cursor: pointer;
		text-align: center;
		border: 1px solid #ccc;
		border-radius: 5px;
		margin-right: 11px;
		margin-bottom: 16px;
		float: left;
		padding: 0 !important;
		box-sizing: border-box;
		width: 32px;
		height: 32px;
		text-align: center;
		line-height: 32px;
	}
	.listBox li a{
		width: 32px;
		height: 32px;
		text-align: center;
		line-height: 32px;
	}
	.gray-bg .btn {
	    width: 120px;
	}
	.fixedList{
		height: 620px;
		overflow: auto;
		padding: 17px 0px 37px 0px;
		border-right: 4px;
		box-shadow: 0px 3px 6px 1px rgba(181,197,223,0.1);
		margin-bottom: 20px;
	}
	.fixedList p{
		padding-bottom: 17px;
		border-bottom: 1px dashed #AEB4C5;
		position: relative;
		padding-left: 24px;
	}
	.fixedList p:after{
		content: '';
		position: absolute;
		width: 4px;
		height: 16px;
		background: #5AAEDF;
		left: 0;
		top: 0;
	}
	.listBox li{
		border-radius: 4px;
		border: 1px solid #AEB4C5;
		font-size: 13px;
	}
	.listBox  .selected {
		background: #5AAEDF;
		border: 1px solid #5AAEDF;
	}
	.listBox li:hover {
		background: #5AAEDF;
	}
	.listBox .selected a:focus{
		color: #fff;
	}
	#topicList{
		background: #fff;
		padding-bottom: 20px;
	}
	.wrapper-content .col-sm-12{
		padding: 0;
	}
	.listBox{
		margin-top: 17px;
		padding: 0 24px;
	}
	.userList .caption{
		font-size: 16px;
		color: #2F364A;
	}
	#topicList .userList{
		border-bottom: 1px dashed #AEB4C5;
	}
	#topicList .userList:last-of-type{
		border-bottom: 0;
	}
	.userList .answer .description{
		font-size: 14px;
		color: #676E82;
		margin-bottom: 14px;
	}
	.serialName{
		display: inline-block;
		color: #fff;
		margin-right: 12px;
		width: 24px;
		height: 24px;
		line-height: 24px;
		text-align: center;
		background: #5AAEDF;
		border-radius: 2px;
	}
	.pagination {
		display: inline-block;
		padding-left: 0;
		margin: 20px 0;
		border-radius: 4px;
		/* margin: 0 auto; */
		text-align: center;
		width: 100%;
		padding: 0 24px;
	}
	.tableHeader{
		width: 100%;
		height: 45px;
		text-align: center;
		background: #f1f1f1;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 15px;
		box-sizing: border-box;
	}
	.tableHeader p{
		flex: 1;
	}
	.userList{display: flex;justify-content: space-between;align-items: center;}
	.description,.rules,.scoreBox,.answer{
		flex: 1;
		text-align: center;
		margin-bottom: 0;
	}
	.tableHeader .module,.description{
		flex: 0 0 200px;
	}
	.scoreBox{
		flex: 0 0 100px !important;
	}
	.answer input{width: 80%;margin: 0 auto;}
	.rules{text-align: left;}
	.total{
		display: block;
		line-height: 45px;
		padding: 0 20px;
		overflow: hidden;
	}
	.remark{
		padding:0 20px;
		line-height: 30px;
		box-sizing: border-box;
		margin-bottom: 20px;
	}

	.subject{
		font-size: 16px;
		padding: 20px 0 0 20px;
		font-weight: 550;
	}
	.subjectContent{
		font-size: 16px;
		padding: 10px 0 10px 20px;
		color: #666;
	}

	.contactBox,.answer{
		display: none;
	 }
	.scroller{
		width: 300px;
		display: inline-block;
	}
	.scroller input{
		width: 200px;
		height: 35px;
		padding-left: 20px;
	}
	.dayFont{
		display: inline-block;
	}
</style>

<head th:include="include :: header"></head>

<body class="gray-bg">
<div class="wrapper wrapper-content ">
	<div class="col-sm-12">
		<div class="ibox">
			<div class="ibox-body">
				<div class="fixed-table-toolbar" style="overflow: hidden">
					<div class="blow"><img src="" alt=""></div>
					<div class="shade shadeHide"></div>

					<div class="fixedner col-sm-3 pop-dafen">
						<form class="form-horizontal" id="signFormObj">
							<p class="form-title"><span>修改分数</span><img src="../../../img/close.png" width="20" id="close" alt=""></p>
							<div class="form-group">
								<label class="col-sm-3 control-label">账号：</label>
								<div class="col-sm-8">
									<input id="username" name="username" placeholder="请输入您的账户" class="form-control" type="text">
								</div>
							</div>

							<div class="form-group">
								<label class="col-sm-3 control-label">密码：</label>
								<div class="col-sm-8">
									<input id="password" name="password" placeholder="请输入您的密码" class="form-control" type="password">
								</div>
							</div>

							<div class="form-group">
								<div class="col-sm-8 col-sm-offset-3">
									<button type="button" id="loginInfo" style="width: 100%" class="btn btn-primary btn-block">提交</button>
								</div>
							</div>

						</form>
					</div>

<!--					<div th:text="${stuSignUpCom}"></div>-->

					<div class="rival exam-name col-sm-12"></div>
					<!--	B赛场	-->

					<div style="width: 71%;float: left;margin-right: 1%;" id="topicList">

					</div>

					<div class="fixedList">
						<p>考生列表</p>
						<ul class="listBox">
<!--							<li th:each="list,userStat:${stuSignUpCom}" th:class="${userStat.index == 0}?'selected':''">-->

<!--								<a href="#"  th:text="${list.num2}"></a>-->
<!--								<input type="hidden" th:value="${list.id}" class="signId">-->
<!--								<input type="hidden" th:value="${list.cbatchId}" class="cbatchId">-->
<!--								<input type="hidden" th:value="${list.court}" class="court">-->

<!--							</li>-->
						</ul>

						<div class="pagination paging-toolbar">
							<ul id="grid_paging_part"></ul>
						</div>

					</div>

				</div>
			</div>
		</div>
	</div>
</div>



<!--shiro控制bootstraptable行内按钮看见性 -->
<div>
	<script type="text/javascript">
		var s_edit_h = 'hidden';
		var s_remove_h = 'hidden';
		var s_resetPwd_h = 'hidden';
	</script>
</div>
<div shiro:hasPermission="jzweb:examinationAnswerSheetCom:edit">
	<script type="text/javascript">
		s_edit_h = '';
	</script>
</div>
<div shiro:hasPermission="jzweb:examinationAnswerSheetCom:remove">
	<script type="text/javascript">
		var s_remove_h = '';
	</script>
</div>
<div shiro:hasPermission="jzweb:examinationAnswerSheetCom:resetPwd">
	<script type="text/javascript">
		var s_resetPwd_h = '';
	</script>
</div>
</div>
<div th:include="include :: footer"></div>
<script type="text/javascript" src="/js/webJs/jzweb/examinationAnswerSheetCom/shotrating.js"></script>
</body>
</html>